<template>
  <div class="mine">
    <TopNav />
    <Head class='login'/>
    <IndexList class='mine-list'/>
    <SongList />
  </div>
</template>

<script>
import TopNav from "../../components/TopNav"
import IndexList from '../../components/MineComponent/IndexList'
import SongList from '../../components/MineComponent/SongList'
import Head from '../../components/CenterComponent/Head'

export default {
  name:"Mine",
  data(){
    return {}
  },
  components: {
    TopNav,
    IndexList,
    SongList,
    Head
  }
}

</script>

<style lang='less' scoped>
.mine-list{
  margin-bottom: 20/100rem;
}
.login{
  margin-top: 88/100rem;
  background-color: #fff;
}

</style>
